<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车</title>
    <link
      rel="shortcut icon"
      href="http://www.dangdang.com/favicon.ico"
      type="image/x-icon"
    />
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/shopping.css" />
  </head>
  <body>
    <!-- 头部 -->
    <header>
      <!-- 导航 -->
      <div id="tools">
        <div class="wrapper clearfix">
          <!-- 送货地点 -->
          <div class="left l">
            <a href="javascript:;" class="go-where"></a>
            <ul class="province"></ul>
          </div>
          <!-- 导航右边 -->
          <div class="right r">
            <div class="welcome r">
              <span class="login1">
                欢迎光临当当，请
                <a href="../html/login.html" class="login">登录</a>
                <span>成为会员</span>
              </span>
              <ul class="nav-right r"></ul>
            </div>
          </div>
        </div>
      </div>
      <!-- logo -->
      <div id="logo">
        <div class="wrapper">
          <img src="../images/shopping/2021120218150483765.jpg" alt="" />
          <img src="../images/shopping/dd_logo.jpg" alt="" />
          <div class="logo_right">
            <span class="myCar">我的购物车</span>
            <span>填写订单</span>
            <span>完成订单</span>
          </div>
        </div>
      </div>
      <!-- 配送 -->
      <div class="peisong">
        <div class="wrapper">
          <div class="address">
            配送地址：
            <span>北京市顺义区胜利街道</span>
          </div>
        </div>
      </div>
      <!-- 购物车 -->
      <div id="car" class="wrapper">
        <ul>
          <li><input type="checkbox" class="checkAll" />全选</li>
          <li>商品信息</li>
          <li>单价(元)</li>
          <li>数量</li>
          <li>金额(元)</li>
          <li>操作</li>
        </ul>
        <!-- 商品 -->
        <table width="100%" border="0" cellspacing="20px" cellpaing="0">
          <tbody>
            <!-- <tr>
              <td></td>
              <td colspan="6">
                <p>购买此商品,可享促销 <a href="javascript:;">加价购</a></p>
              </td>
            </tr>
            <tr>
              <td>
                <a href="javascript:;"
                  ><input type="checkbox" name="" id=""
                /></a>
              </td>
              <td>
                <img src="../images/shopping/01.jpg" alt="" />
              </td>
              <td>三体：全三册 刘慈欣代表作，亚洲“雨果奖”获奖作品！</td>
              <td>¥64.10</td>
              <td>
                <input type="button" value="-" />
                <input type="text" value="1" />
                <input type="button" value="+" />
              </td>
              <td>¥0.00</td>
              <td>
                <a href="javascript:;">移入收藏</a>
                <a href="javascript:;">删除</a>
              </td>
            </tr>
            <tr>
              <td></td>
              <td colspan="6">
                <p>购买此商品,可享促销 <a href="javascript:;">加价购</a></p>
              </td>
            </tr>
            <tr>
              <td>
                <a href="javascript:;"
                  ><input type="checkbox" name="" id=""
                /></a>
              </td>
              <td>
                <img src="../images/shopping/01.jpg" alt="" />
              </td>
              <td>三体：全三册 刘慈欣代表作，亚洲“雨果奖”获奖作品！</td>
              <td>¥64.10</td>
              <td>
                <input type="button" value="-" />
                <input type="text" value="1" />
                <input type="button" value="+" />
              </td>
              <td>¥0.00</td>
              <td>
                <a href="javascript:;">移入收藏</a>
                <a href="javascript:;">删除</a>
              </td>
            </tr>
            <tr>
              <td></td>
              <td colspan="6">
                <p>购买此商品,可享促销 <a href="javascript:;">加价购</a></p>
              </td>
            </tr>
            <tr>
              <td>
                <a href="javascript:;"
                  ><input type="checkbox" name="" id=""
                /></a>
              </td>
              <td>
                <img src="../images/shopping/01.jpg" alt="" />
              </td>
              <td>三体：全三册 刘慈欣代表作，亚洲“雨果奖”获奖作品！</td>
              <td>¥64.10</td>
              <td>
                <input type="button" value="-" />
                <input type="text" value="1" />
                <input type="button" value="+" />
              </td>
              <td>¥0.00</td>
              <td>
                <a href="javascript:;">移入收藏</a>
                <a href="javascript:;">删除</a>
              </td>
            </tr>
            <tr>
              <td></td>
              <td colspan="6">
                <p>购买此商品,可享促销 <a href="javascript:;">加价购</a></p>
              </td>
            </tr>
            <tr>
              <td>
                <a href="javascript:;"
                  ><input type="checkbox" name="" id=""
                /></a>
              </td>
              <td>
                <img src="../images/shopping/01.jpg" alt="" />
              </td>
              <td>三体：全三册 刘慈欣代表作，亚洲“雨果奖”获奖作品！</td>
              <td>¥64.10</td>
              <td>
                <input type="button" value="-" />
                <input type="text" value="1" />
                <input type="button" value="+" />
              </td>
              <td>¥0.00</td>
              <td>
                <a href="javascript:;">移入收藏</a>
                <a href="javascript:;">删除</a>
              </td>
            </tr>
            <tr>
              <td></td>
              <td colspan="6">
                <p>购买此商品,可享促销 <a href="javascript:;">加价购</a></p>
              </td>
            </tr>
            <tr>
              <td>
                <a href="javascript:;"
                  ><input type="checkbox" name="" id=""
                /></a>
              </td>
              <td>
                <img src="../images/shopping/01.jpg" alt="" />
              </td>
              <td>三体：全三册 刘慈欣代表作，亚洲“雨果奖”获奖作品！</td>
              <td>¥64.10</td>
              <td>
                <input type="button" value="-" />
                <input type="text" value="1" />
                <input type="button" value="+" />
              </td>
              <td>¥0.00</td>
              <td>
                <a href="javascript:;">移入收藏</a>
                <a href="javascript:;">删除</a>
              </td>
            </tr>
            <tr>
              <td></td>
              <td colspan="6">
                <p>购买此商品,可享促销 <a href="javascript:;">加价购</a></p>
              </td>
            </tr> -->
          </tbody>
          <tfoot>
            <tr>
              <td></td>
              <td><b>店铺合计</b></td>
              <td colspan="2">满元49包邮</td>
              <td colspan="3">
                <a href="JavaScript:;">免运费凑单</a>
                <span class="total"></span>
              </td>
            </tr>
          </tfoot>
        </table>
        <div class="jiesuan">
          <div class="jiesuan_left">
            <input type="checkbox" class="checkAll" />全选
            <a href="JavaScript:;" style="margin-left: 28px">批量删除</a>
            <span>已选择<b>0</b>件商品</span>
          </div>
          <div class="jiesuan_right">
            <a href="JavaScript:;" class="settle">结&nbsp;&nbsp;算</a>
            <div>
              <p>
                <span>总计(不含运费)：</span>
                <span class="price total"></span>
              </p>
              <p>
                <span>已节省：</span>
                <span>¥0.00</span>
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- 为您推荐 -->
      <div class="tj">
        <div class="tj_list">
          <h4>
            根据购物车中的商品为您推荐
            <ol>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ol>
          </h4>

          <ul>
            <li>
              <img src="../images/indexImages/100.jpg" alt="" />
              <p>生命简史：从宇宙起源到人类文明</p>
              <section>¥ 75.10</section>
            </li>
            <li>
              <img src="../images/indexImages/101.jpg" alt="" />
              <p>哈利波特英文原版 Harry Potter</p>
              <section>¥ 328.00</section>
            </li>
            <li>
              <img src="../images/indexImages/102.jpg" alt="" />
              <p>Flipped 怦然心动 英文原版小说</p>
              <section>¥ 19.00</section>
            </li>
            <li>
              <img src="../images/indexImages/103.jpg" alt="" />
              <p>飞鼠传奇<br />梦想与勇气的传奇之书</p>
              <section>¥ 34.00</section>
            </li>
            <li>
              <img src="../images/indexImages/104.jpg" alt="" />
              <p>让孩子爱上科学的趣味实验大百科</p>
              <section>¥ 49.00</section>
            </li>
            <li>
              <img src="../images/indexImages/105.jpg" alt="" />
              <p>wonder 奇迹男孩 R.J. Palacio C</p>
              <section>¥ 21.00</section>
            </li>
            <li>
              <img src="../images/indexImages/106.jpg" alt="" />
              <p>不一样的卡梅拉手绘本（1-12册）</p>
              <section>¥ 60.00</section>
            </li>
            <li>
              <img src="../images/indexImages/107.jpg" alt="" />
              <p>
                无声告白（我们终此一生，就是要摆脱他人的期待，找到真正的自己。
              </p>
              <section>¥ 22.10</section>
            </li>
            <li>
              <img src="../images/indexImages/108.jpg" alt="" />
              <p>文城（余华新书，时隔8年重磅归来，《活着》之后又一精彩力作）</p>
              <section>¥ 29.10</section>
            </li>
            <li>
              <img src="../images/indexImages/109.jpg" alt="" />
              <p>0-4岁幼儿认知小百科（全3册)</p>
              <section>¥ 56.10</section>
            </li>
            <li>
              <img src="../images/indexImages/200.jpg" alt="" />
              <p>万物由来科学绘本 写给孩子的科普绘本</p>
              <section>¥ 33.10</section>
            </li>
            <li>
              <img src="../images/indexImages/201.jpg" alt="" />
              <p>毛泽东选集（全四册，32开）</p>
              <section>¥ 56.10</section>
            </li>
          </ul>
        </div>
        <div class="tj_list">
          <h4>
            推广商品
            <ol>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ol>
          </h4>
          <ul>
            <li>
              <img src="../images/indexImages/106.jpg" alt="" />
              <p>不一样的卡梅拉手绘本（1-12册）</p>
              <section>¥ 60.00</section>
            </li>
            <li>
              <img src="../images/indexImages/107.jpg" alt="" />
              <p>
                无声告白（我们终此一生，就是要摆脱他人的期待，找到真正的自己。
              </p>
              <section>¥ 22.10</section>
            </li>
            <li>
              <img src="../images/indexImages/108.jpg" alt="" />
              <p>文城（余华新书，时隔8年重磅归来，《活着》之后又一精彩力作）</p>
              <section>¥ 29.10</section>
            </li>
            <li>
              <img src="../images/indexImages/109.jpg" alt="" />
              <p>0-4岁幼儿认知小百科（全3册)</p>
              <section>¥ 56.10</section>
            </li>
            <li>
              <img src="../images/indexImages/200.jpg" alt="" />
              <p>万物由来科学绘本 写给孩子的科普绘本</p>
              <section>¥ 33.10</section>
            </li>
            <li>
              <img src="../images/indexImages/201.jpg" alt="" />
              <p>毛泽东选集（全四册，32开）</p>
              <section>¥ 56.10</section>
            </li>
          </ul>
        </div>
        <div class="tj_list">
          <h4>
            为您推荐
            <ol>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ol>
          </h4>

          <ul>
            <li>
              <img src="../images/indexImages/100.jpg" alt="" />
              <p>生命简史：从宇宙起源到人类文明</p>
              <section>¥ 75.10</section>
            </li>
            <li>
              <img src="../images/indexImages/101.jpg" alt="" />
              <p>哈利波特英文原版 Harry Potter</p>
              <section>¥ 328.00</section>
            </li>
            <li>
              <img src="../images/indexImages/102.jpg" alt="" />
              <p>Flipped 怦然心动 英文原版小说</p>
              <section>¥ 19.00</section>
            </li>
            <li>
              <img src="../images/indexImages/103.jpg" alt="" />
              <p>飞鼠传奇<br />梦想与勇气的传奇之书</p>
              <section>¥ 34.00</section>
            </li>
            <li>
              <img src="../images/indexImages/104.jpg" alt="" />
              <p>让孩子爱上科学的趣味实验大百科</p>
              <section>¥ 49.00</section>
            </li>
            <li>
              <img src="../images/indexImages/105.jpg" alt="" />
              <p>wonder 奇迹男孩 R.J. Palacio C</p>
              <section>¥ 21.00</section>
            </li>
            <li>
              <img src="../images/indexImages/106.jpg" alt="" />
              <p>不一样的卡梅拉手绘本（1-12册）</p>
              <section>¥ 60.00</section>
            </li>
            <li>
              <img src="../images/indexImages/107.jpg" alt="" />
              <p>
                无声告白（我们终此一生，就是要摆脱他人的期待，找到真正的自己。
              </p>
              <section>¥ 22.10</section>
            </li>
            <li>
              <img src="../images/indexImages/108.jpg" alt="" />
              <p>文城（余华新书，时隔8年重磅归来，《活着》之后又一精彩力作）</p>
              <section>¥ 29.10</section>
            </li>
            <li>
              <img src="../images/indexImages/109.jpg" alt="" />
              <p>0-4岁幼儿认知小百科（全3册)</p>
              <section>¥ 56.10</section>
            </li>
            <li>
              <img src="../images/indexImages/200.jpg" alt="" />
              <p>万物由来科学绘本 写给孩子的科普绘本</p>
              <section>¥ 33.10</section>
            </li>
            <li>
              <img src="../images/indexImages/201.jpg" alt="" />
              <p>毛泽东选集（全四册，32开）</p>
              <section>¥ 56.10</section>
            </li>
          </ul>
        </div>
      </div>
    </header>
    <!-- 底部 -->
    <footer>
      <p>
        <span>Copyright (C) 当当网 2004-2021, All Rights Reserved</span>|
        <span>京ICP备17043473号-1</span>
        <img src="../images/shopping/validate.gif" alt="" />
        <span>京ICP证041189号</span>
        |<span>出版物经营许可证 新出发京批字第直0673号</span>
      </p>
    </footer>
    <script src="../js/ajax.js"></script>
    <script src="../js/shopping.js"></script>
  </body>
</html>
